<template>
   <!-- <h1> {{message.text}}</h1> -->
    <button @click="ft">click</button>
</template>
<script>
export default{
    name: 'chat',
    props:{
      message: Object
      },
    data(){
        return{
            // dataAttrs: null //新增一个对象来动态更新
        }
    },
    methods:{
        ft(){
            console.log("woshi1"+this.message.text);
        }
    },
    // mounted () {
    //   this.dataAttrs= this.message; //用props中的对象对data中的对象赋初始值
    // },
    watch: { // 监听到数据然后赋值
        message: function(newVal, oldVal) {
      // 对象变化时的处理逻辑
      console.log('myObject changed: ', newVal, oldVal);
    }
    }
}

</script>
<style>

</style>